<template>
  <!-- modelValue可以统一替换掉，不是因为modelValue这个名字才起作用的。 -->
  <input
    :value="props.modelValue"
    @input="$emit('update:modelValue', $event.target.value)"
  />
  {{inputVal}}
</template>

<script setup>
import {ref, watch} from 'vue'
// defineProps(['modelValue'])
const props = defineProps({
    modelValue: {
        type: String,
        default: ''
    },
})

const inputVal = ref('')

watch(() => props.modelValue, (newVal)=>{
  inputVal.value = props.modelValue
  console.log(newVal);
})
defineEmits(['update:modelValue'])

</script>

